<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="../css/bootstrap.min.css">
  <script src="../js/jquery.min.js"></script>
  <script src="../js/jQuery.lazyload.js"></script>
  <script src="../js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="../css/common.css">
  <link rel="stylesheet" href="../css/Page1.css">
  <link rel="stylesheet" href="../css/Page1-1.css">
  <script src="../js/vue.js"></script>
  <script>
    $(function () {
      $('img.lazy').lazyload({ effect: 'fadeIn' });
    })
  </script>
  <title>产品详情</title>
</head>

<body>
  <div class="backHome">
    <a href="../index.html">
      <svg t="1603421175064" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
        p-id="8410" width="48" height="48">
        <path
          d="M998.656 503.104a22.912 22.912 0 0 1-16.384-6.72L543.808 58.944a47.36 47.36 0 0 0-65.536 0L41.92 496.384a23.296 23.296 0 0 1-32.768 0.064 23.04 23.04 0 0 1 0-32.832L445.504 26.24c34.944-35.008 96.064-34.944 130.944 0l438.464 437.376a23.232 23.232 0 0 1 0.064 32.832 23.36 23.36 0 0 1-16.32 6.656z"
          p-id="8411" fill="#d81e06"></path>
        <path
          d="M755.328 966.528H268.8c-40.832 0-88.064-20.8-120.448-53.184-32.384-32.576-53.312-79.872-53.312-120.576V410.432a23.168 23.168 0 0 1 46.336 0v382.336c0 28.608 16 63.872 39.744 87.68 23.36 23.36 59.456 39.68 87.68 39.68h486.528c24.96 0 49.088-12.544 76.032-39.68 23.36-23.36 28.096-60.608 28.096-87.68V410.432c0-12.736 10.304-23.104 23.168-23.104 12.8 0 23.168 10.304 23.168 23.104v382.336c0 35.968-7.104 85.952-41.6 120.576-36.288 36.16-70.912 53.184-108.864 53.184z"
          p-id="8412" fill="#d81e06"></path>
        <path
          d="M674.24 966.528H349.888V653.696A162.432 162.432 0 0 1 512.064 491.52 162.432 162.432 0 0 1 674.24 653.696v312.832z m-278.08-46.4h231.744V653.696c0-63.872-51.968-115.904-115.84-115.904S396.16 589.824 396.16 653.696v266.432z"
          p-id="8413" fill="#d81e06"></path>
      </svg>
    </a>
  </div>
  <div class="closePage" onclick="window.close()">
    <svg t="1603268105429" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
      p-id="4274" width="48" height="48">
      <path
        d="M512 1024a512 512 0 1 1 512-512 512 512 0 0 1-512 512z m0-68.224A443.776 443.776 0 1 0 68.224 512 443.776 443.776 0 0 0 512 955.776z"
        fill="#E42534" p-id="4275"></path>
      <path
        d="M682.048 632.704a34.816 34.816 0 0 1-49.28 49.28L518.912 568.128l-113.856 113.856a34.816 34.816 0 0 1-49.28-49.28l113.856-113.856-113.856-113.856a34.816 34.816 0 0 1 49.28-49.28l113.856 113.856 113.856-113.856a34.816 34.816 0 0 1 49.28 49.28L568.192 518.848z"
        fill="#E42534" p-id="4276"></path>
    </svg>
  </div>
  <div id="det">
    <div class="container" style="margin-top: 100px;" v-for="(item, i) in goods" v-show="index == i">
      <div class="row P11-Box2">
        <div class="col-lg-5 P11-Box21">
          <img :src="'../img/goods/' + item.imgUrl" class="img-responsive">
          <div class="P11BtnBox">
            <a><button @click="index--" :disabled="index==0">上一个</button></a>
            <a><button @click="index++" :disabled="index==19">下一个</button></a>
          </div>
        </div>
        <div class="col-lg-7 P11-Box22">
          <p>{{item.name}}</p>
          <div class="share">
            <div class="shareBox">
              <div><svg t="1601618887648" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="10414" width="32" height="32">
                  <path
                    d="M510.72 9.984c-276.992 0-501.76 224.768-501.76 501.76s224.768 501.76 501.76 501.76 501.76-224.768 501.76-501.76S787.712 9.984 510.72 9.984z m230.912 636.672c-10.496 5.376-26.88-6.912-42.496-29.952-6.144 25.088-21.248 47.616-42.752 65.792 22.784 8.448 37.376 22.016 37.376 37.632 0 25.344-40.192 46.08-89.6 46.08-44.544 0-81.664-16.896-88.32-38.656h-10.752c-6.912 22.016-43.776 38.656-88.32 38.656-49.408 0-89.6-20.48-89.6-46.08 0-15.616 14.848-29.184 37.376-37.632-21.504-18.176-36.864-40.96-42.752-65.792-15.36 23.04-32 35.584-42.496 29.952-15.36-7.936-12.288-50.688 6.912-95.488 14.848-35.072 35.328-61.184 50.688-66.816-0.256-2.304-0.256-4.608-0.256-6.656 0-13.568 3.84-26.112 10.24-36.352v-2.304c0-6.144 1.536-12.032 4.096-17.152 3.84-91.392 63.488-164.096 159.744-164.096s155.904 72.704 159.744 164.096c2.56 5.12 4.096 11.008 4.096 17.152v2.304c6.4 10.24 10.24 22.784 10.24 36.352 0 2.304 0 4.608-0.256 6.656 15.616 5.632 35.84 31.744 50.688 66.816 18.688 44.8 21.76 87.552 6.4 95.488z"
                    fill="#1296db" p-id="10415"></path>
                </svg></div>
              <div><svg t="1601618916589" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="12008" width="32" height="32">
                  <path
                    d="M503.04 408.32c17.92 0 30.72-12.8 30.72-30.72 0-17.92-11.52-30.72-30.72-30.72-17.92 0-37.12 11.52-37.12 30.72C465.92 395.52 483.84 408.32 503.04 408.32z"
                    fill="#3BB430" p-id="12009"></path>
                  <path
                    d="M582.4 524.8c-11.52 0-24.32 12.8-24.32 24.32 0 12.8 12.8 24.32 24.32 24.32 19.2 0 30.72-11.52 30.72-24.32C613.12 537.6 600.32 524.8 582.4 524.8z"
                    fill="#3BB430" p-id="12010"></path>
                  <path
                    d="M512 0C229.12 0 0 229.12 0 512c0 282.88 229.12 512 512 512s512-229.12 512-512C1024 229.12 794.88 0 512 0zM410.88 659.2c-30.72 0-55.04-6.4-85.76-12.8l-85.76 42.24 24.32-72.96c-61.44-42.24-97.28-98.56-97.28-165.12C166.4 335.36 276.48 243.2 410.88 243.2c120.32 0 225.28 72.96 247.04 171.52-7.68-1.28-15.36-1.28-23.04-1.28-116.48 0-207.36 87.04-207.36 193.28 0 17.92 2.56 34.56 7.68 51.2C426.24 659.2 418.56 659.2 410.88 659.2zM771.84 744.96l17.92 61.44-66.56-37.12c-24.32 6.4-48.64 12.8-72.96 12.8-116.48 0-208.64-79.36-208.64-177.92 0-97.28 92.16-177.92 208.64-177.92 110.08 0 207.36 79.36 207.36 177.92C857.6 659.2 820.48 707.84 771.84 744.96z"
                    fill="#3BB430" p-id="12011"></path>
                  <path
                    d="M716.8 524.8c-11.52 0-24.32 12.8-24.32 24.32 0 12.8 12.8 24.32 24.32 24.32 17.92 0 30.72-11.52 30.72-24.32C747.52 537.6 734.72 524.8 716.8 524.8z"
                    fill="#3BB430" p-id="12012"></path>
                  <path
                    d="M331.52 346.88c-17.92 0-37.12 11.52-37.12 30.72 0 17.92 17.92 30.72 37.12 30.72 17.92 0 30.72-12.8 30.72-30.72C362.24 359.68 349.44 346.88 331.52 346.88z"
                    fill="#3BB430" p-id="12013"></path>
                </svg></div>
              <div><svg t="1601618940372" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="12877" width="32" height="32">
                  <path
                    d="M448.698182 482.210909c-96.814545 4.654545-175.010909 56.785455-175.010909 121.949091s78.196364 114.501818 175.010909 109.847273S623.709091 647.912727 623.709091 582.749091c-0.930909-64.232727-79.127273-105.192727-175.010909-100.538182z m65.163636 164.770909c-29.789091 39.098182-88.436364 57.716364-145.221818 26.065455-26.996364-14.894545-26.065455-43.752727-26.065455-43.752728s-11.170909-92.16 85.643637-103.330909c97.745455-12.101818 115.432727 81.92 85.643636 121.018182z"
                    fill="#d81e06" p-id="12878"></path>
                  <path
                    d="M448.698182 584.610909c-6.516364 4.654545-7.447273 13.032727-3.723637 18.618182 2.792727 5.585455 11.170909 6.516364 16.756364 1.861818 5.585455-4.654545 8.378182-13.032727 4.654546-18.618182-2.792727-5.585455-10.24-6.516364-17.687273-1.861818zM403.083636 597.643636c-18.618182 1.861818-30.72 17.687273-30.72 33.512728 0 14.894545 14.894545 26.065455 32.581819 24.203636 17.687273-1.861818 32.581818-15.825455 32.581818-31.650909s-13.963636-27.927273-34.443637-26.065455z"
                    fill="#d81e06" p-id="12879"></path>
                  <path
                    d="M512 0C229.003636 0 0 229.003636 0 512s229.003636 512 512 512 512-229.003636 512-512S794.996364 0 512 0z m197.352727 626.501818C669.323636 712.145455 538.065455 754.036364 441.250909 746.589091c-92.16-7.447273-211.316364-38.167273-223.418182-151.738182 0 0-6.516364-51.2 42.821818-117.294545 0 0 70.749091-99.607273 152.669091-128.465455 82.850909-27.927273 92.16 19.549091 92.16 48.407273-4.654545 24.203636-12.101818 38.167273 18.618182 28.858182 0 0 80.989091-38.167273 114.501818-4.654546 26.996364 26.996364 4.654545 65.163636 4.654546 65.163637s-11.170909 12.101818 12.101818 16.756363c21.410909 3.723636 94.021818 37.236364 53.992727 122.88z m-80.058182-236.450909c-8.378182 0-15.825455-7.447273-15.825454-15.825454 0-9.309091 7.447273-15.825455 15.825454-15.825455 0 0 99.607273-18.618182 87.505455 89.367273v1.861818c-0.930909 7.447273-7.447273 13.963636-15.825455 13.963636-9.309091 0-15.825455-7.447273-15.825454-15.825454 0-1.861818 15.825455-73.541818-55.854546-57.716364zM797.789091 493.381818c-2.792727 18.618182-12.101818 11.170909-22.341818 11.170909-13.032727 0-23.272727-16.756364-23.272728-29.789091 0-11.170909 4.654545-22.341818 4.654546-22.341818 0.930909-4.654545 12.101818-34.443636-7.447273-78.196363-35.374545-60.509091-106.123636-60.509091-114.501818-57.716364-8.378182 3.723636-21.410909 5.585455-21.410909 5.585454-13.032727 0-23.272727-10.24-23.272727-23.272727 0-11.170909 7.447273-19.549091 16.756363-22.341818 0 0 0 0.930909 0.930909 0.930909s1.861818 0.930909 1.861819 0.930909c10.24-1.861818 45.614545-4.654545 79.127272 3.723637 62.370909 14.894545 146.152727 83.781818 108.916364 211.316363z"
                    fill="#d81e06" p-id="12880"></path>
                </svg></div>
              <div><svg t="1601618953539" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="13732" width="32" height="32">
                  <path d="M512 0C229.222 0 0 229.222 0 512s229.222 512 512 512 512-229.222 512-512S794.778 0 512 0z"
                    fill="#FAB619" p-id="13733"></path>
                  <path
                    d="M389.862 604.16c13.517-15.002 186.88-112.64 186.88-112.64l-226.38-30.72 302.796-3.302a14.618 14.618 0 0 1 0 21.58C642.56 491.52 481.638 601.6 481.638 601.6L664.5 616.218l-6.22-31.079 146.303-142.617-202.982-29.62L512 238.438l-90.7 173.364-201.882 29.26L365.722 585.14l-36.583 200.423L512 690.099l182.86 95.463-30.002-163.84-274.996 12.057a19.02 19.02 0 0 1 0-27.801v-1.818z"
                    fill="#FFFFFF" p-id="13734"></path>
                </svg></div>
              <div><svg t="1601618978722" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="14586" width="32" height="32">
                  <path
                    d="M512 1024C229.236 1024 0 794.764 0 512S229.236 0 512 0s512 229.236 512 512-229.236 512-512 512zM382.138 267.52s-36.212 2.095-48.989 24.483c-12.8 22.365-54.318 137.379-54.318 137.379s13.847 6.377 37.282-10.66c23.436-17.035 30.883-46.847 30.883-46.847l42.59-2.118 1.07 121.39s-73.495-1.07-88.413 0c-14.895 1.048-23.412 40.449-23.412 40.449h111.825s-9.588 67.095-38.353 116.084c-28.742 48.99-83.06 87.32-83.06 87.32s39.423 15.964 77.73-6.4c38.354-22.343 66.63-120.693 66.63-120.693l89.926 110.057s8.192-52.387-1.466-67.189c-9.659-14.778-62.208-74.286-62.208-74.286l-22.947 20.247 16.337-65.117H531.2s0-38.354-19.153-40.495c-19.177-2.094-78.802 0-78.802 0V371.898h88.39s-1.07-39.4-18.106-39.4H359.773l22.342-64.955z m169.984 61.184v358.563h36.003l13.103 45.01 63.348-45.01h89.065V328.704H552.122z"
                    fill="#0F84FD" p-id="14587"></path>
                  <path d="M594.781 368.64h117.9v277.876H670.79l-53.365 40.262-11.636-40.262h-11.008V368.64z"
                    fill="#0F84FD" p-id="14588"></path>
                </svg></div>
            </div>
            <svg t="1601618476684" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
              p-id="6992" width="32" height="32">
              <path
                d="M827.4944 592.384a38.1952 38.1952 0 0 1 37.0176-38.7584 37.376 37.376 0 0 1 36.608 38.7584v174.08c0 85.504-66.56 155.136-148.48 155.136H250.4704C168.96 921.6 102.4 851.968 102.4 766.6176V302.08c0-85.3504 66.56-154.9824 148.1216-154.9824l39.3728 0.6656a39.1168 39.1168 0 0 1-2.4064 78.1312c-66.56 5.4272-121.5488 32.0512-111.104 153.6v309.6064c0 85.2992-1.7408 154.88 148.1216 154.88h354.7648c145.2544 0 148.1216-65.3824 148.1216-147.0976V592.384z m-498.9952 91.0336a314.624 314.624 0 0 1-17.92-104.8576c0-185.7536 137.1136-372.1728 305.5104-371.6096V154.9824a51.9168 51.9168 0 0 1 28.416-46.8992 45.2608 45.2608 0 0 1 22.528-5.6832 49.5616 49.5616 0 0 1 30.72 10.24l203.7248 157.3888a53.1968 53.1968 0 0 1 0 83.5584l-203.776 156.8256a50.688 50.688 0 0 1-30.72 10.24 52.0704 52.0704 0 0 1-50.944-52.5824V415.9488c-133.12 0-245.2992 145.5616-287.5392 267.4688z m0 0"
                fill="#515151" p-id="6993"></path>
            </svg>
            <p>分享</p>

          </div>
          <div class="price">
            <h2 style="text-align: left;">￥{{item.price}}</h2>
          </div>
          <div class="detail">
            <p>商品类型：{{item.type}}</p>
            <P>商品描述：{{item.des}}</P>
          </div>
          <div class="P11-tel">
            <div>
              <svg t="1603420472959" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="2968" width="24" height="24">
                <path
                  d="M773.463 1005.44c-14.372 0-30.577-4.142-45.614-11.658L513.582 886.636 297.97 993.628c-13.676 7.265-29.302 11.1-45.225 11.1-20.92 0-41.355-6.692-57.539-18.826-30.187-22.64-45.66-61.834-38.518-97.546l44.12-228.787L31.774 502.01C5.77 476-4.541 436.506 5.499 401.372l0.358-1.162c12.273-36.813 42.773-62.638 79.724-67.584l234.839-42.7L425.815 75.836c16.937-33.889 51.384-55.685 87.808-55.685 37.996 0 73.288 22.585 88.1 56.28l105.062 213.401 234.906 41.062c37.033 5.192 68.316 32.553 78.239 68.373 11.57 35.686 2.242 74.312-24.443 100.997l-0.594 0.579-168.535 158.714L868.92 888.73c6.866 36.649-7.695 73.682-38.036 96.752-15.729 12.877-36.106 19.958-57.421 19.958zM513.679 824.3l239.135 119.572c7.02 3.512 15.125 5.765 20.654 5.765 8.556 0 16.456-2.657 22.247-7.475l1.12-0.896c13.605-10.2 20.2-26.394 17.225-42.286l-48.134-259.16 190.357-179.266c11.638-11.832 15.641-28.815 10.44-44.426l-0.492-1.633c-3.968-14.9-17.044-26.297-32.532-28.365l-1.106-0.174-263.337-46.04L550.764 99.175c-5.755-13.445-21.376-23.198-37.13-23.198-15.478 0-30.321 9.692-37.822 24.678L358.072 339.81 93.338 387.901c-16.093 2.007-28.57 12.698-34.34 29.369-4.101 15.222 0.763 33.561 11.94 44.984l190.51 177.557-50.007 259.307c-3.006 15.038 4.1 32.292 17.244 42.143 6.59 4.95 15.13 7.66 24.059 7.66 6.891 0 13.537-1.603 19.215-4.675l0.83-0.425L513.678 824.3z"
                  fill="#e6e6e6" p-id="2969"></path>
                <path
                  d="M773.202 474.967a11.98 11.98 0 0 1-2.217-0.2l-173.793-30.382-77.783-157.998a12.836 12.836 0 0 1 23.03-11.346l72.017 146.294 160.953 28.14a12.83 12.83 0 0 1 10.424 14.853 12.841 12.841 0 0 1-12.631 10.639z"
                  fill="#e6e6e6" p-id="2970"></path>
              </svg>
              <span>收藏</span>
            </div>
          </div>
          <div class="P11-tel">
            <div>
              <svg t="1623299046218" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="3586" width="24" height="24">
                <path
                  d="M572.26129 418.100714l-58.718067 109.502949c-15.87418 30.156591-25.385748 49.194229-28.567054 58.719182h-1.589537c-11.103337-23.808481-39.664813-79.364205-88.875773-168.222131h-55.521145l104.749953 177.751547h-85.712316v39.663697h99.994727v53.982919h-99.994727v39.663698h99.994727v79.346357h49.189767v-79.363089h96.810074v-39.664813h-96.792227v-53.965072h96.792227v-39.663697h-82.526547l104.748837-177.751547h-53.982919z"
                  p-id="3587" fill="#ffffff"></path>
                <path
                  d="M815.410307 247.492604h-5.011783L720.382746 55.920448c-6.713983-14.295797-19.440321-25.59434-35.37362-31.415951-15.938877-5.817149-33.782967-5.682178-49.60472 0.38372-11.448015 4.378199-24.660696 9.175813-40.405481 14.679517a3942.971749 3942.971749 0 0 1-27.568713 9.51603c-27.863195 9.555071-38.819291 13.328689-45.5857 15.742555l-50.85404-46.104391c-27.844232-25.132537-73.222456-24.940677-101.337746 0.475188L176.091696 194.032838C159.858337 208.691161 152.926838 228.51297 155.284931 247.492604h-7.050853c-60.313182 0-107.930143 49.194229-107.930143 107.912295v515.780885c0 60.326567 49.194229 107.930143 107.912296 107.930143h668.784729c60.30872 0 107.929028-49.194229 107.929028-107.913411V356.977705c-0.016732-60.290872-49.227693-109.485101-109.519681-109.485101zM583.237464 86.721777c11.066526-3.790349 19.580869-6.718444 27.883273-9.633154a1543.09608 1543.09608 0 0 0 41.687151-15.172552c10.309126-3.94763 22.205558 0.400452 26.580411 9.70789l82.639209 175.868643h-38.630777L556.237638 95.994636l26.999826-9.272859zM210.253921 224.895518L403.814951 50.055334c8.953836-8.187512 23.556386-8.270056 32.629576-0.19186l218.052175 197.62913H205.025737c-3.415553-7.79933-1.360867-16.688469 5.228184-22.597086zM882.084985 872.776437h-1.607385c0 36.518087-28.565938 65.084025-65.067293 65.084025H148.216231c-36.500239 0-65.067293-28.565938-65.067293-65.084025V356.995552c0-36.501355 28.567054-65.067293 65.067293-65.067292h668.784729c36.500239 0 65.084025 28.565938 65.084025 65.067292V872.776437z"
                  p-id="3588" fill="#ffffff"></path>
              </svg>
              <span>购买</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
<script>
  new Vue({
    el: "#det",
    data: {
      index: 0,
      goods: [{
        name: "卡通熊猫抱枕",
        price: "35",
        type: "抱枕",
        des: "纯棉可爱风抱枕靠枕",
        imgUrl: "s-20.png"
      }, {
        name: "贪睡熊猫抱枕",
        price: "30",
        type: "抱枕",
        des: "纯棉设计感抱枕靠枕",
        imgUrl: "s-21.png"
      }, {
        name: "熊猫之家斜挎包",
        price: "25",
        type: "挎包",
        des: "文艺风斜挎包",
        imgUrl: "s-22.jpg"
      }, {
        name: "成都文化斜挎包",
        price: "28",
        type: "挎包",
        des: "设计感通勤斜挎包",
        imgUrl: "s-23.png"
      }, {
        name: "脸谱棒球帽",
        price: "18",
        type: "棒球帽",
        des: "传统文化元素棒球帽",
        imgUrl: "s-24.png"
      }, {
        name: "蓉都之旅收纳盒",
        price: "35",
        type: "收纳盒",
        des: "木质明信片小物品收纳盒",
        imgUrl: "s-26.png"
      }, {
        name: "熊猫小礼品盒",
        price: "30",
        type: "收纳盒",
        des: "戒指耳环首饰收纳包装盒",
        imgUrl: "s-27.png"
      }, {
        name: "2020与梦同行台历",
        price: "25",
        type: "台历",
        des: "原创设计桌面台历",
        imgUrl: "s-28.png"
      }, {
        name: "卡通胶带",
        price: "10",
        type: "胶带",
        des: "原创手账装饰胶带",
        imgUrl: "s-29.png"
      }, {
        name: "蓉都火锅美食益智拼图",
        price: "18",
        type: "拼图玩具",
        des: "纸质拼图安全耐玩",
        imgUrl: "s-30.png"
      }, {
        name: "天府大道益智拼图",
        price: "18",
        type: "拼图玩具",
        des: "纸质拼图安全耐玩",
        imgUrl: "s-31.jpg"
      }, {
        name: "蓉都明信片",
        price: "10",
        type: "明信片",
        des: "蓉都精美明信片",
        imgUrl: "s-11.png"
      }, {
        name: "武侯祠明信片",
        price: "12",
        type: "明信片",
        des: "武侯祠精美明信片",
        imgUrl: "s-12.png"
      }, {
        name: "青城山明信片",
        price: "12",
        type: "明信片",
        des: "青城山精美明信片",
        imgUrl: "s-14.png"
      }, {
        name: "卖萌卡通熊猫手机壳",
        price: "24",
        type: "手机壳",
        des: "软胶材质手机壳",
        imgUrl: "s-18.png"
      }, {
        name: "吃火锅的国宝崽手机壳",
        price: "24",
        type: "手机壳",
        des: "软胶材质手机壳",
        imgUrl: "s-16.png"
      }, {
        name: "贪睡的国宝崽手机壳",
        price: "24",
        type: "手机壳",
        des: "软胶材质手机壳",
        imgUrl: "s-19.png"
      }, {
        name: "简约自动铅笔带收纳盒",
        price: "32",
        type: "文具",
        des: "低重心金属自动铅笔",
        imgUrl: "s-38.png"
      }, {
        name: "钢笔礼品盒",
        price: "28",
        type: "文具",
        des: "钢笔硬笔礼品盒",
        imgUrl: "s-39.png"
      }, {
        name: "蓉都之旅笔记本子",
        price: "16",
        type: "笔记本",
        des: "牛皮纸双线圈活页本",
        imgUrl: "s-40.png"
      }]
    },
    created() {
      const id = window.location.href.slice(-2)
      if (Number(id)) {
        this.index = id
      }
    },
  })
</script>

</html>